import Vue from 'vue'

/* eslint-disable */ // 忽略该行往下 eslint的错误

export default {
  // 使用带命名空间  getters等都会变成局部的
  namespaced:true,
  // Vuex  五个部分
  state:{ // 共享状态管理
    global_bg_color:'#545c64'
  },
  // 更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。
  mutations:{// 一定要通过 mutations 去处理 state 中得数据
    // state 参数是固定得 val 才是我们传入得参数
    setGlobalBgColor(state,color){
      state.global_bg_color = color
    },
  },
  // 可以认为是 store 的计算属性。就像计算属性一样，getter 的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算。
  getters: {  // 在这里对数据 进行预处理
    
  },
  // Action 类似于 mutation，不同在于：
  // Action 提交的是 mutation，而不是直接变更状态。
  // Action 可以包含任意异步操作。
  actions: {
    async getUserAge({commit}){
      let res = await Vue.axios.get('http://localhost:9999/show.json').then(res => res.data.filter((r,i)=>i<3))
      commit('setStarList',res)
      return res
    } 
  }
}